import React, { Component } from 'react';
import { connect } from 'react-redux';
import './cart-czsuccess.scss'
import {Button, WhiteSpace} from 'antd-mobile'
class Com extends Component {
  render () {
    return (
      <>
        <header className="header cartzf-header">
          <div className="cartzf-h-s">
            <span className="iconfont icon-arrow-left" onClick={() => {
              window.history.back()
            }}></span>
            <span>支付成功</span>
            <span></span>
          </div>
        </header>
        <div className="content cartzf-content">
          <div className="cartzf-img">
            <img src="images/czsuccess_03.png" alt=""/>
          </div>
          <div className="cartzf-xx">
            <div>
              <p>充值金额</p>
              <span><p>￥</p><p>200</p></span>
            </div>
            <div>
              <p>订单支付时间</p>
              <span><p>2109年8月19日</p><p>14:28:23</p></span>
            </div>
            <div>
              <p>支付订单号</p>
              <span>1234156456412</span>
            </div>
          </div>
          <div className="cartzf-ck">
          <Button type="primary">查看我的一卡通记录</Button><WhiteSpace />
          </div>
        </div>
      </>
    )
  }
}
export default connect()(Com)